<template>
  <el-table :data="tableData" stripe  style="width: 100%;color:#fff" :header-cell-style="{'background':'#282c34'}" :cell-style="{'background':'#282c34'}">
    <el-table-column prop="date" label="序号" />
    <el-table-column prop="name" label="代码" />
    <el-table-column prop="name" label="名称" />
    <el-table-column prop="address" label="涨幅%" />
    <el-table-column prop="address" label="现价" />
    <el-table-column prop="address" label="成交总额（亿）" />
    <el-table-column prop="address" label="总市值（亿）" />
    <el-table-column prop="address" label="流通市值（亿）" />
    <el-table-column prop="address" label="换手率" />
    <el-table-column prop="date" label="市盈率" />
    <el-table-column prop="name" label="周期选择" />
    <el-table-column prop="address" label="策略选择" />
    <el-table-column prop="address" label="次策略选择" />
    <el-table-column label="操作" width="300">
      <template #default>
        <el-button size="small" type="primary" @click="handleClick"
          >加入金池</el-button
        >
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup>
const tableData = [
  {
    date: "2016-05-03",
    name: "Tom",
    address: "Tom",
  },
  {
    date: "2016-05-02",
    name: "Tom",
    address: "Tom",
  },
  {
    date: "2016-05-04",
    name: "Tom",
    address: "Tom",
  },
];
</script>

<style lang="scss" scoped>
</style>